Padel-Patch

Telling stories through
clean visuals.

Padel Patch Hero Image

Overview

PedalPatch is a smart, mobile-first app built for urban cyclists. It offers personalized bike routes, real-time updates on road conditions, and easy access to nearby repair shops, events, and safety alerts. The app is designed to enhance everyday cycling by combining functionality, convenience, and community in one user-friendly platform.

What is the Problem?

Cyclists often face challenges navigating city streets due to the lack of centralized information. From unsafe or blocked roads to difficulty finding nearby repair services or cycling events, riders are forced to rely on multiple sources, leading to confusion, delays, and sometimes unsafe situations.

Project Goal

PedalPatch brings everything a cyclist needs into one place. With features like curated route suggestions, real-time hazard notifications, and geo-based access to services and events, the app creates a streamlined, safer, and more enjoyable cycling experience for riders of all levels.

Design process


Research Week 1-2
  • Team formation
  • Research & Brainstorm
  • User flow
  • Wireframe $ Sitemap
Branding week 3-4
  • Wireframe
  • Persona
  • Logo
  • Branding
UI - Kit Week 5-6
  • UI - Kit
  • Mockup
  • Functional prototype
UI Design Week 7-8
  • UI kit
  • Design
  • Mobile version
  • Animation

Logo variations

Padel Patch Main Logo
StreetSight Logo

The typeface used is Montserrat, a modern, geometric sans-serif font that conveys professionalism and clarity. "S" in the logo is a key visual element symbolising routes and locations. The circular element within the "S" resembles an eye, hinting at observation.

Blueprint Logo
Alternate Logo

Typography & colour pallet


Both typefaces were carefully chosen to complement and reflect the essence of the brand, creating a seamless and user-friendly interface.

Gropled Glyph GIF

Main font

Outfit

Clash Display Glyph GIF

Body font

Outfit

Prussian Blue - Primary colour
#0A304C
Aa
Tangerine - Secondary colour
#F28B2F
Cinnabar
#EA543B
Cadet Gray
#8CA7BA
Neon Blue
#0F62FE

The primary colors — Prussian Blue and Tangerine

were carefully chosen to reflect trust, professionalism, and energy. These colors establish a strong visual identity while maintaining approachability and clarity.

this palette ensures a clean, structured, and emotionally engaging experience, reinforcing the brand’s connection to health, clarity, and efficiency.

Components Grid


chat section

Buttons

Footer

cards

Side Card

icons

card

input fields

Figma Link

Keep in Touch with me

Say hi!

KartikBhanderi1@gmail.com